<ion-view style="background-color: #fff" hide-back-button="true">
  <ion-nav-buttons side="left">
    <div class="searchBar bar bar-header item-input-inset" ui-sref="dash.home">
      <label class="item-input-wrapper">
        <i class="icon ion-search placeholder-icon"></i>
        <input placeholder="搜索商品" type="text">
      </label>
    </div>
    <!-- <div class="list searchBar">
      <label class="item item-input">
        <i class="icon ion-search placeholder-icon"></i>
        <input placeholder="搜索商品" type="search" ui-sref="goods.search">
      </label>

    </div> -->
  </ion-nav-buttons>

  <ion-content scroll="true" class="subclass-left">
    <div class="row no-padding">
      <ion-scroll class="col col-25" direction="y" style="width: 500px; height: 100%; background-color:#eee" zooming="true">
        <div>
          <div class="list">
            <label class="item item-radio">
              <input checked name="group" type="radio">
              <div class="item-content">
                生鲜熟食
              </div>
            </label>
            <label class="item item-radio">
              <input name="group" type="radio">
              <div class="item-content">
                奶品冻品
              </div>
            </label>

            <label class="item item-radio">
              <input name="group" type="radio">
              <div class="item-content">
                进口食品
              </div>
            </label>
            <label class="item item-radio">
              <input name="group" type="radio">
              <div class="item-content">
                粮油调味
              </div>
            </label>
            <label class="item item-radio">
              <input name="group" type="radio">
              <div class="item-content">
                酒水饮料
              </div>
            </label>
            <label class="item item-radio">
              <input name="group" type="radio">
              <div class="item-content">
                休闲零食
              </div>
            </label>
            <label class="item item-radio">
              <input name="group" type="radio">
              <div class="item-content">
                个人护理
              </div>
            </label>
            <label class="item item-radio">
              <input name="group" type="radio">
              <div class="item-content">
                家居日用
              </div>
            </label>
          </div>
        </div>
      </ion-scroll>

      <ion-scroll col="col-offset-25 col" style="width: 100%">
        <div class="subclass-right">
          <div class="list">
            <div class="item item-divider">
              精品蔬菜
            </div>
            <div class="item row subclass-goods">
              <div class="col">
                <div class="subclass-goods-item">
                  <div><img alt="" src="img/hd/pic_qc.png"></div>
                  <div>叶菜类</div>
                </div>
              </div>
              <div class="col">
                <div class="subclass-goods-item">
                  <div><img alt="" src="img/hd/pic_qc.png"></div>
                  <div>叶菜类</div>
                </div>
              </div>
              <div class="col">
                <div class="subclass-goods-item">
                  <div><img alt="" src="img/hd/pic_qc.png"></div>
                  <div>叶菜类</div>
                </div>
              </div>
            </div>
            <div class="item row subclass-goods">
              <div class="col">
                <div class="subclass-goods-item">
                  <div><img alt="" src="img/hd/pic_qc.png"></div>
                  <div>叶菜类</div>
                </div>
              </div>
              <div class="col">
                <div class="subclass-goods-item">
                  <div><img alt="" src="img/hd/pic_qc.png"></div>
                  <div>叶菜类</div>
                </div>
              </div>
              <div class="col">
                <div class="subclass-goods-item">
                  <div><img alt="" src="img/hd/pic_qc.png"></div>
                  <div>叶菜类</div>
                </div>
              </div>
            </div>
          </div>
          <div class="list">
            <div class="item item-divider">
              精品蔬菜
            </div>
            <div class="item row subclass-goods">
              <div class="col">
                <div class="subclass-goods-item">
                  <div><img alt="" src="img/hd/pic_qc.png"></div>
                  <div>叶菜类</div>
                </div>
              </div>
              <div class="col">
                <div class="subclass-goods-item">
                  <div><img alt="" src="img/hd/pic_qc.png"></div>
                  <div>叶菜类</div>
                </div>
              </div>
              <div class="col">
                <div class="subclass-goods-item">
                  <div><img alt="" src="img/hd/pic_qc.png"></div>
                  <div>叶菜类</div>
                </div>
              </div>
            </div>
            <div class="item row subclass-goods">
              <div class="col">
                <div class="subclass-goods-item">
                  <div><img alt="" src="img/hd/pic_qc.png"></div>
                  <div>叶菜类</div>
                </div>
              </div>
              <div class="col">
                <div class="subclass-goods-item">
                  <div><img alt="" src="img/hd/pic_qc.png"></div>
                  <div>叶菜类</div>
                </div>
              </div>
              <div class="col">
                <div class="subclass-goods-item">
                  <div><img alt="" src="img/hd/pic_qc.png"></div>
                  <div>叶菜类</div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </ion-scroll>
    </div>
  </ion-content>
</ion-view>
